<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="./../css/styles/reset.css">
	<link rel="stylesheet" href="./../css/styles/bootstrap.css">
	<link rel="stylesheet" href="./../css/styles/animate.css">
	<link rel="stylesheet" href="./../css/pages/common.css">
	<link rel="stylesheet" href="../css/pages/details.css" />
	<title>家护帮</title>
</head>

<body>
	<div id="app">
		<!--
            	作者：1169774483@qq.com
            	时间：2018-07-25
            	描述：头部
            -->
		<div class="head-tab">
			<div class="tab-info container">
				<div class="tab-icon">
					<img src="../images/icon/logo.png" alt="">
				</div>
				<div class="tab-list">
					<ul class="list-ul">
						<li>
							<a href="../index.html">首页</a>
						</li>
						<li>
							<a href="partnership.html">城市合伙</a>
						</li>
						<li>
							<a href="service.html">企业服务</a>
						</li>
						<li>
							<a href="Recruitment.html">人才招聘</a>
						</li>
						<li class="li-aver">
							<a href="mediaReport.html">媒体报道</a>
						</li>
						<li>
							<a href="about.html">关于我们</a>
						</li>
					</ul>
					<div class="ipone">
						<div class="ipone-icon">
							<img src="../images/icon/ipone.png" alt="">
						</div>
						<div class="ipone-number">400-993-6300 400</div>
					</div>
				</div>
			</div>
		</div>
		<!--
            	作者：1169774483@qq.com
            	时间：2018-07-25
            	描述：正文内容
            -->

		<div class="warpper" ref="id">
			<div class="container">
				<div class="head-title">
					<img class="index-icon" src="../images/icon/zhu.png" alt="">
					<span>首页</span>
					<img class="left-icon" src="../images/icon/left.png" alt="">
					<a href="mediaReport.html">媒体报道</a>
					<img class="left-icon" src="../images/icon/left.png" alt="">
					<span>详情</span>
				</div>
				<div class="new-warpper">
					<div class="newList">
						<div class="headline-warpper">
							<div class="item-icon">
								<i class="big">25</i>
								<i class="xiao">2018.12</i>
							</div>
							<div class="item-desc">
								<div class="new-images">
									<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1532103881266&di=2ae1c90119d74333a7a3b0bac05167bd&imgtype=0&src=http%3A%2F%2Fh.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F342ac65c103853434cc02dda9f13b07eca80883a.jpg"
									 alt="">
								</div>
								<div class="new-title">云家政大数据升级 打造中国家庭生活服务入口</div>
								<div class="new-desc">
									新华网上海4月16日电（记者高少华）云家政15日召开2014年第一季度运营情况沟通会， 自2013年7月试运营至今，云家政不断升级大数据体系，并首次在行业中提出及实践产业链深耕， 致力于用家政O2O全新模式助力民生
								</div>

								<div class="leftright">
									<div class="title">上一篇：
										<span>金牌服务</span>
									</div>
									<div class="title">下一篇：
										<span>育儿经验</span>
									</div>
								</div>

								<div class="recommend">
									<div class="title-warpper">
										<div class="title">相关推荐</div>
										<div class="icon"></div>
									</div>
									<div class="list">
										<div class="item" v-for="item in [1,2,3,4,5,6]" :key="item">
											<a href="details.html">
												<div class="item-title">云家政大数据升级 打造中国家庭生活服务入口</div>
											</a>
											<div class="item-time">时间 12-04</div>
										</div>
									</div>
								</div>

							</div>
						</div>

					</div>
					<div class="rightList">
						<div class="item-warpper" v-for="(item , index) in rightList" :key="index">
							<a href="details.html">
								<div class="img-warpper">
									<img class="item-img" :src="item.imgUrl" alt="">
								</div>
								<div class="item-title">{{item.title}}</div>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--
            	作者：1169774483@qq.com
            	时间：2018-07-25
            	描述：底部
            -->

		<div class="bottom">
			<div class="container">
				<div class="list-warpper">
					<a href="http://www.qq.com/" target="view_window">
						<img class="item-img" src="../images/logo/1.png" alt="">
					</a>
					<a href="http://www.ifeng.com/" target="view_window">
						<img class="item-img" src="../images/logo/2.png" alt="">
					</a>
					<a href="https://www.baidu.com/" target="view_window">
						<img class="item-img" src="../images/logo/3.png" alt="">
					</a>
					<a href="http://www.sina.com.cn/" target="view_window">
						<img class="item-img" src="../images/logo/4.png" alt="">
					</a>
					<a href="http://www.163.com/" target="view_window">
						<img class="item-img" src="../images/logo/5.png" alt="">
					</a>
					<a href="http://www.qq.com/" target="view_window">
						<img class="item-img" src="../images/logo/6.png" alt="">
					</a>
				</div>
				<div class="bottom-text">
					<p>
						家护帮服务平台 陕西省西安市碑林区长安北路一号2001室 技术支持：家护帮技术部 客服电话：400-993-6300
					</p>
					<p>
						Copyright 2016-2017 www.jiahubang.com All Rrights Reserved
					</p>
				</div>
			</div>
		</div>
	</div>
	<script src="../js/vue.js"></script>
	<script type="text/javascript">
		var app = new Vue({
			el: '#app',
			data: {
				rightList: [{
					imgUrl: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1532103881244&di=5cc3e6651a24ecf81b786986bab1ef1f&imgtype=0&src=http%3A%2F%2Fc.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F3b87e950352ac65c2a954997f7f2b21192138a45.jpg',
					title: '金牌服务  诚信专业共创辉煌金牌服务  诚信专业共创辉煌金牌服务  诚信专业共创辉煌金牌服务  诚信专业共创辉煌金牌服务  诚信专业共创辉煌'
				},
				{
					imgUrl: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1532103881243&di=de6587f0adea097ce031528d382310f4&imgtype=0&src=http%3A%2F%2Fd.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F1ad5ad6eddc451da32a3200fbafd5266d11632f8.jpg',
					title: '金牌服务  诚信专业共创辉煌'
				}, {
					imgUrl: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1532103881242&di=3b866ebed414b438f071a3eb89a30b15&imgtype=0&src=http%3A%2F%2Fg.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2Fae51f3deb48f8c54fa86e9cb36292df5e1fe7ff8.jpg',
					title: '金牌服务  诚信专业共创辉煌'
				}, {
					imgUrl: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1532103881242&di=f7767317dfea492ea006db7b0255231a&imgtype=0&src=http%3A%2F%2Ff.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F8694a4c27d1ed21bab193906a16eddc450da3f04.jpg',
					title: '金牌服务  诚信专业共创辉煌'
				}
				]
			},
			mounted: function () {
				this.$refs.id.style.minHeight = window.innerHeight - 267 + 'px'
			}
		})
	</script>
</body>

</html>